div{
    box-sizing: border-box;
}
html,body{
    margin: 0;padding: 0;height: 100%;
}


/* CRUD搜索表单 */
#app .search-form-card.el-card .el-card__body{
    padding-bottom: 5px;
}
.search-form-wrap{
    display: flex;
    flex-wrap: wrap;
    .search-form-item{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 10px;
        .search-form-item-label{
            width: 105px;text-align: right;
        }
    }
}

/* CRUD表格 */
.table-card{
    /* 工具栏 */
    .toolbar-box{
        display: flex;align-items: center;justify-content: space-between;
        margin-bottom: 10px;
        .left-box{
            .import-upload-btn{
                display: inline-block;
                margin: 0 10px;
            }
        }
        .right-box{
            
        }
    }
    /* 表格 */
    .el-table--small{
        .cell{
            .el-switch{
                transform: scale(0.75);
            }
        }
    }
}


/* 新增编辑弹窗 */
.el-dialog.form-dialog,
.el-dialog.import-dialog{
    .el-dialog__header{
        background-color: #2c3e50;
        .el-dialog__title{
            color: #fff;
        }
    }
}


/* CRUD分页 */
.pagination-wrap{
    display: flex;justify-content: flex-end;
}

/* CRUD模块间隙 */
.search-form-card + .table-card,
.table-card + .pagination-wrap{
    margin-top: 10px;
}

// 样式重置
#app .el-card__body, .el-main {
    padding: 15px;
}

// 样式重置
.contextmenu-popover.el-popover{
    min-width: 125px;
    padding: 8px 12px;
}


//解析换行的popper
.popper-br-content{
    white-space: pre;
}